<template>
  <div class="mygoods">
    <ul>
      <li>商品收藏 0</li>
      <li>店铺收藏 2</li>
      <li>我的足迹 64</li>
    </ul>
    <van-grid>
      <van-grid-item icon="balance-list" text="待付款" />
      <van-grid-item icon="todo-list" text="待收货" />
      <van-grid-item icon="bill" text="退款/售后" />
      <van-grid-item icon="description" text="全部订单" class="allg" />
    </van-grid>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.mygoods {
  margin: 20px auto;
  width: 95%;
  border-radius: 10px;
  background-color: white;
  overflow: hidden;

  ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
  }

  .allg {
    color: red;
  }
}
</style>